<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-cn">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>H+ 后台主题UI框架 - 注册</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <jsp:include page="/resources/inc/head.jsp" flush="true"/>
    <script>if(window.top !== window.self){ window.top.location = window.location;}</script>
</head>

<body class="gray-bg">
    <div class="middle-box text-center loginscreen   animated fadeInDown">
        <div>
            <div>
                <h1 class="logo-name">Kin</h1>
            </div>
            <h3>欢迎注册 金指王溯链</h3>
            <p>创建一个溯链新账户</p>
            <form class="m-t" role="form" id="signupForm" action="${basePath}/sso/regist">
                <div class="form-group">
                    <label class="control-label">用户类型：</label>
                    <div>
                        <select class="form-control" name="type" id="type">
                        </select>
                    </div>
                </div>
                <div class="form-group">
                        <input id="username" placeholder="请输入用户名" name="username" class="form-control" type="text">
                </div>
                <div class="form-group">
                        <input id="password" placeholder="请输入密码" name="password" class="form-control" type="password">
                </div>
                <div class="form-group">
                        <input id="confirm_password" placeholder="请再次输入密码" name="confirm_password" class="form-control" type="password">
                </div>

                <div class="form-group input-group">
                        <span class="input-group-addon"><span class="glyphicon glyphicon-phone"></span></span>
                        <input id="phone" name="phone" class="form-control" placeholder="请输入手机号码" maxlength="11" type="text">
                        <span class="input-group-btn">
                            <button type="button" id="loadingButton" class="btn btn-primary" autocomplete="off" url="${basePath}/sso/registCode">获取验证码</button>
                        </span>
                </div>

                <div class="form-group">
                    <div class="input-group">
                        <span class="input-group-addon"><span class="glyphicon glyphicon-qrcode"></span></span>
                        <input id="code" class="form-control" name="code" placeholder="请输入校验码" maxlength="6" type="text">
                    </div>
                </div>

                <button type="submit" id="submit" class="btn btn-primary block full-width m-b">注 册</button>

                <p class="text-muted text-center"><small>已经有账户了？</small><a href="${basePath}/sso/index">点此登录</a>
                </p>

            </form>
        </div>
    </div>
    <jsp:include page="/resources/inc/footer.jsp" flush="true"/>
</body>
    <script>
        $(document).ready(function () {
            var userType = new Dict("USER_TYPE");
            userType.select($("#type"),null,["0"]);
        });
    </script>
    <script src="${basePath}/resources/wen/js/validate/form-validate-regist.js"></script>
</html>
